<?php
//bug avec IE
//echo "<"."?xml version=\"1.0\" encoding=\"utf-8\"?".">";
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Bienvenue sur tickr</title>
  <meta http-equiv="imagetoolbar" content="no" />
  <meta name="MSSmartTagsPreventParsing" content="true" />
  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
  <link rel="icon"          type="image/x-icon" href="/favicon.ico" />
  <style>
/* GENERAL */
* {
background-color:transparent;
padding:0;
border:0 none;
margin:0;
}
html {
height: 100%;
margin-bottom: 1px;
}
body {
font:normal 100%/1.5em "Helvetica Neue",helvetica,arial,sans-serif;
color:#333;
background:#fff;
direction:ltr;
text-align:center;
padding-bottom:70px;
}
table {border-collapse:collapse;}
acronym {cursor:help;}
a:link,a:visited{
text-decoration:none;
color:#090;
background-color:transparent;
border-bottom:1px solid transparent;
}
a:hover,a:active{
color:#d45500;
background-color:transparent;
border-bottom:1px dotted #900;
}
a.free, a img {border-width:0;}
img {vertical-align:middle;}
ul {list-style:none;}
input, textarea, select {
color:black; background-color:#fffccc;
}
input[type="submit"],input[type="reset"] {
font-weight:bold;
letter-spacing:1px;
color:black;
background-color:white;
border:1px solid #666;
padding:2px 8px;
cursor:default;
}
h1,h2,h3,h4{color:black;background-color:#eee;}
h1 {font-size:1.5em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
/* MISE EN PAGE */
#header{
position: fixed;
height:21px;
width:100%;
font-size: 10px;
font-weight:bolder;
z-index:10000;
opacity:0.85;
color:black;
background-color:silver;
text-align:center;
line-height: 21px;
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid silver;
left: 0px;
top: -1px; /* 0px = stupid IE bug */
vertical-align:top;
}
#main {text-align:left;margin-top:40px;}
#mainSub1 {display:block;border-left:190px solid white;border-right:190px solid white;}
#mainSub2 {display:block;margin-left:-190px;margin-right:-190px;padding:0;}
#sidebarL,#sidebarR{font:normal 75%/1.1em arial,helvetica,sans-serif;}
#sidebarL  {float:left; width:190px;left:0px;}
#sidebarR {float:right;width:190px;right:0px;}
#sidebarL ul,#sidebarR ul {list-style:none;}
#sidebarL li,#sidebarR li {margin-bottom:8px;}
#content {
font:normal 85%/1.3em arial,helvetica,sans-serif;
margin-left:200px;margin-right:200px;display:block;height:1%;text-align:left;padding:0;
}
#contentL {
font:normal 85%/1.3em arial,helvetica,sans-serif;
margin-right:200px;display:block;height:1%;text-align:left;padding:0;
}
#contentR {
font:normal 85%/1.3em arial,helvetica,sans-serif;
margin-left:200px;display:block;height:1%;text-align:left;padding:0;
}
#contentLR {
font:normal 85%/1.3em arial,helvetica,sans-serif;
display:block;height:1%;text-align:left;padding:0;
}
/* CLASSES */
.toLeft {float:left;}
.toRight{float:right;}
.page {
margin:0 auto;
width:970px;
}
.ajaxTrigger {
cursor:pointer;
color:#090;
background-color:transparent;
}
  </style>
<!--[if IE]>
<style>
#header {
position: relative;
filter:alpha(opacity:85);
}
  </style>
<![endif]-->
  <!-- Libraries -->
  <script language="javascript" type="text/javascript" src="<?php echo _HTTP_; ?>javascript/jquery/jquery-latest.pack.js" ></script>
  <script language="javascript" type="text/javascript" defer="defer">
  // <![CDATA[
    function writeCookie(name,value, days){
    // writeCookie(name, value, days): enregistre "value" dans la variable "name" du Cookie pendant "days" jours
      if (!days) var days = 365; // 1 an par défaut
      (time = new Date()).setTime(new Date().getTime()+days*24*60*60*1000);
      var exp = '; expires='+time.toGMTString();
      document.cookie=name+"="+value+exp+"; path=/";
    }
    function readCookie(name){
    // readCookie(name): renvoie la valeur de la variable "name" dans le Cookie du domaine courant
      var cookies = document.cookie.split(';');
      for(var i=0; i<cookies.length; i++){
        var cookie=cookies[i].replace(/^\s+/, '');
        if (cookie.indexOf(name+'=')==0) return cookie.substring(name.length+1);
      }
      return null;
    }
    function deleteCookie(name){
    // deleteCookie(name): supprime la variable "name" du Cookie courant
      writeCookie(name, "", -1);
    }
    function initPage() {
      // Tests initiaux (jQuery et Zend)
      $("#content_block1").html("<div id=\"test_jquery\">[..] tickr &#233;value JQuery, patientez..</div><div id=\"test_zend\">[..] tickr &#233;value ZendFramework, patientez..</div>");
      $("#test_jquery").fadeOut("slow",function(){
        if (true) { // pas d'information sur la version
          $(this).html("[OK] JQuery est correctement install&#233;!")
          $(this).fadeIn("slow");
        } else {
          $(this).html("[ER] La version de JQuery est incorrecte !")
          $(this).fadeIn("slow");
        }
      });
      $("#test_zend").fadeOut("slow",function(){
        if ("<?php echo $this->zendVersion; ?>"=="0") {
          $(this).html("[OK] ZendFramework est correctement install&#233;!")
          $(this).fadeIn("slow");
        } else {
          $(this).html("[ER] La version de ZendFramework est incorrecte !")
          $(this).fadeIn("slow");
        }
      });
    }
    jQuery(function($) { initPage() });
  // ]]>
  </script>
</head>
<body>
  <div id="header"><div class="page">
    <span class="toLeft"><a href="./" title="Accueil">Accueil</a></span>
    <span class="toRight">

    </span>
    Bienvenue sur tick<i>r</i>!
  </div></div>

  <div id="main" class="page">
    <div id="mainSub1"><div id="mainSub2">
      <div id="sidebarL">

        <h3>titre section 1</h3>
        <ul>
          <li>ligne1</li>
          <li>ligne2</li>
          <li>ligne3</li>
          <li>ligne4</li>
        </ul>

        <h3>titre section 2</h3>
        <ul>
          <li>ligne1</li>
          <li>ligne2</li>
          <li>ligne3</li>
          <li>ligne4</li>
        </ul>

      </div>

      <div id="sidebarR">

        <h3>titre section 4</h3>
        <ul>
          <li>ligne1</li>
          <li>ligne2</li>
          <li>ligne3</li>
          <li>ligne4</li>
        </ul>

      </div>

      <div id="content">

        <h1>tick<i>r</i></h1>
        <div id="content_block1">
        JQuery n'est pas install&#233; !
        </div>

      </div>

    </div></div>
  </div>

</body>
</html>